<template>
  <div class="tipHead-box">
    <div class="title">{{ title }}</div>

    <div v-if="isRight">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    isRight: {
      type: Boolean,
      default: true,
    },
    title: {
      type: String,
      default: "",
    },
  },
};
</script>
<style lang="scss" scoped>
.tipHead-box {
  justify-content: space-between;
  display: flex;
  width: 100%;
  border-bottom: 2px solid #f5f5f5;
  margin-bottom: 30px;
  margin-top: 100px;
  padding-bottom: 20px;
}
.title {
  font-size: 18px;
  color: #606266;
}
.tipHead-box:nth-child(1) {
  margin-top: 0px;
}
// .title::after {
//   margin-top: 30px;
//   display: block;
//   content: "";
//   height: 2px;
//   background-color: #f5f5f5;
// }
</style>